<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><div class="Innerheading">Edit Point System</div></td>
  </tr>
  <tr>
    <td height="57"><div class="InnerDarkbox">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="44%" align="right" valign="middle" class="head">Select Category :</td>
          <td width="1%">&nbsp;</td>
          <td width="27%"><select name="category" class="FormTextFeild" id="category">
            <option value="0">- - - Select - - - </option>
            <option value="1">Academic</option>
            <option value="2">Extra Curricular</option>
            <option value="3">Attendance</option>
            <option value="4">Quiz</option>
          </select>          </td>
          <td width="28%"><span id="pt_loading" style="display:none;"><img src="img/status/loading.gif" /></span></td>
        </tr>
        <tr>
          <td align="right" valign="middle" class="head">&nbsp;</td>
          <td>&nbsp;</td>
          <td colspan="2">&nbsp;</td>
        </tr>
        <tr>
          <td colspan="4" align="center" valign="middle"><div id="getcategory"></div></td>
          </tr>
      </table>
    </div></td>
  </tr>
</table>
<script>
	$('#category').change(function(){
	$('#pt_loading').show();
	$('#getcategory').html('');
	if($('#category').val()==1||$('#category').val()==3)
	{
		$.post('settings/pt_system/givedetails.php',{category:$('#category').val(),atc:'ok'},function(data){$('#getcategory').html(data);
		$('#pt_loading').hide();});
	}
	else if($('#category').val()==2)
	{
		$.post('settings/pt_system/givedetails.php',{category:$('#category').val(),extra:'ok'},function(data){$('#getcategory').html(data);
		$('#pt_loading').hide();});
	}
	});
</script>